﻿<html>
<head>
<title>CSS3 Border Bottom Style Test</title>

<style type="text/css">
body {border-bottom-style: groove; border-bottom-width: 30px;}
p {border-bottom-style: solid; 
  }
h3 {border-bottom-style: none;}
h4 {border-bottom-style: double;}
em {border-bottom-style: dashed;}
</style>
</head>

<body>




<h1>CSS3 Border Bottom Style Test</h1>





<ul>
<li >
For "border-bottom-style", possible values are "border-style" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a solid
border bottom style.
The rule applied is "p {border-bottom-style: solid;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
The border-bottom-style of this h3 heading should be none.  
The rule applied is "h3 {border-bottom-style: none;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>
<h4>
The border-bottom-style of this h4 heading should be double.
The rule applied is "h4 {border-bottom-style: double;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h4>
<em>
This emphasized test should have a border bottom style of dashed.
The rule applied is "em {border-bottom-style: dashed;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have solid border bottom style.  The body's border bottom style of groove should display,
since the rule "body {border-bottom-style: groove}" applies.  Also "body {border-bottom-width: 30px;}"
is applied to indicate this more effectively.
</p>

</body>
</html>
